<style type="text/css">
<!--
.infoMonitor{ 
	/*margin-left:10px;*/
}
.infoMonitor ul li {
 	border-right: 1px dotted buttonshadow;
    display: inline;
    float: left;
    padding-left: 2px;
    text-align: center;
	/*padding-top: 2px;*/
}
.backColorEspera{
	background:#FFFEE7;
}
.backColorNormal{
	background:#F1F1F1;
}
.backColorHover{
	background:#FDFCFB;
}
-->
</style>
<div style="clear: both;opacity:0.9;" id="monitorMenu">
	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
    	<tr>
        	<td>
        	<div class="OpenContainer-header" style="text-align: left;">
     			<div class="icono panelMonitor"><span class="OpenContainer-title">Monitor</span></div>
        	</div>
        	<div class="OpenContainer-container" style="height: 100%; overflow: hidden;">
        		<div id="monitor_content" style="display:none; overflow:hidden;" align="center">
					<div class="minimenu" id="minimenuMonitorContent" style="height: 34px;">
						<div class="infoMonitor barra_acordeon" style="width:35%;float:left;">
	               			<ul>
	               				<li id="cantidadEventosMonitor" style="color:#000000; padding-top: 3px;padding-right:20px"></li>
	               		  		<li id="todosEventos" class="eventos_monitor_activo" >
	               		  			<a style="display:block;" href="javascript:;" class="icono eventos_monitor_todos" onclick="filtroEventos('TODOS');" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'Visualizar todos los eventos');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a>
	               		  		</li>
		               		  	<li id="vistosEventos">
		               		  		<a style="display:block;" href="javascript:;" class="icono eventos_monitor_espera" onclick="filtroEventos('ESPERA');" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'Visualizar solo eventos en espera');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a>
		               		  	</li>
		               		  	<li id="sinVerEventos" class="ultimo" >
									<a style="display:block;" href="javascript:;" class="icono eventos_monitor_normal" onclick="filtroEventos('NORMAL');" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'Visualizar solo eventos nuevos');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a>
	               				</li>
	               			</ul>
					  	</div>
	               		<div id="barra_monitor" class="barra_acordeon" style="width:10%;float:left;">
	               			<ul>
	               				<li id="alertaEventosNuevosMonitor" class="ultimo" style="display:none;">
	               					<a style="display:block;" href="javascript:;" class="icono eventos_monitor_hayNuevos" onclick="confirmarMensajeMonitor();" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'Hay eventos nuevos!');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a>
	               				</li>
	               			</ul>
	               		</div>
	               		<div id="barra_monitor" class="barra_acordeon" style="width:38%;float:left;">
							<ul>
				            	<li><a href="javascript:" class="icono tildar" onclick="checkAllOptions('boxEventos[]', true);" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'Seleccionar todos los eventos');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a></li>
								<li><a href="javascript:" class="icono destildar" onclick="checkAllOptions('boxEventos[]', false);" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'No seleccionar ningun evento');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a></li>
			                    <li><a href="javascript:" class="icono procesarTodosEventos" onclick="openPopUpLeerEventosSelected();" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'Procesar todos los eventos seleccionados');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a></li>
			                    <li><a href="javascript:" class="icono cancelar" onclick="clearEventosMonitorFromMap();" onmouseover="minimenuInfoSet('minimenuMonitorContent', 'Borrar todas las marcas de eventos del monitor impresas en el mapa');" onmouseout="minimenuInfoSet('minimenuMonitorContent', '');"></a></li>
		                  	</ul>
	                	</div>
	                	<div class="barra_acordeon" style="width: 17%;float:left;">
	                		<ul>
	                			<li id="detallesMonitor" class="ultimo" style="margin-left:0%;color:#000000; display:none;">
				            		Pend.: <span id="pendEv"></span>
				            		Esp.: <span id="espEv"></span>
				            		Total: <span id="totalEv"></span>
				            	</li>
				            </ul>
	                	</div>
	                	<div class="infoBar" style="width: 100%;text-align: center;clear:both;"></div>
				    </div>
					<div id="monitorListScroll" style="overflow:auto;width:100%; background:#E3E3E3; height:220px;">
				    	<div id="divMonitorList"></div>
				    </div>
				</div>
			</div>
			</td>
		</tr>
	</table>
</div>